<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房源标题</title>
    <link rel="stylesheet" href="../plugins/bootstrap/bootstrap-4.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../common/css/nav.css">
    <link rel="stylesheet" href="../css/housedesc.css">
    <link rel="stylesheet" href="../common/css/footer.css">
    <link rel="stylesheet" href="../plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-star-rating-master/css/star-rating.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-star-rating-master/themes/krajee-svg/theme.min.css">
    <link rel="stylesheet" href="../plugins/other/animate.min.css" />
    <style type="text/css">
        html {
            height: 100%
        }

        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        #container {
            width: 100%;
            height: 450px;
            border: #ccc solid 1px;
        }
    </style>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=3.0&ak=nGGIg5o99yFrRmVRM5sgX9LUi39ObA3Y"></script>
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light " id="nav">

        <div class="collapse navbar-collapse col-md-10 offset-md-1 animate__animated  animate__zoomIn"
            id="navbarSupportedContent">
            <a id="logo-img" class="navbar-brand" href="../view/index.html">
                <img alt="Brand" src="../common/imgs/logo_small.png">
            </a>
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a id="select-city" class="nav-link" href="selectcity.html"><svg id="city-icon"
                            class="bi bi-building" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M15.285.089A.5.5 0 0 1 15.5.5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5H1a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .418-.493l5.582-.93V3.5a.5.5 0 0 1 .324-.468l8-3a.5.5 0 0 1 .46.057zM7.5 3.846V8.5a.5.5 0 0 1-.418.493l-5.582.93V15h8v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.222l-7 2.624z" />
                            <path fill-rule="evenodd" d="M6.5 15.5v-7h1v7h-1z" />
                            <path
                                d="M2.5 11h1v1h-1v-1zm2 0h1v1h-1v-1zm-2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm6-10h1v1h-1V3zm2 0h1v1h-1V3zm-4 2h1v1h-1V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm-2 2h1v1h-1V7zm2 0h1v1h-1V7zm-4 0h1v1h-1V7zm0 2h1v1h-1V9zm2 0h1v1h-1V9zm2 0h1v1h-1V9zm-4 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" />
                        </svg><span id="cityname">选择城市<span></a>
                </li>
            </ul>
            <ul class="navbar-nav mr-5 ">
                <li class="nav-item">
                    <a class="nav-link" href="../view/searchhouse.html">租房</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../view/issuehouse.html">发布房源</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../view/roomate.html">寻找室友</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../view/PriceTrendChart.html">房价走势</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        指南
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="Agreement.html">用户协议</a>
                        <a class="dropdown-item" href="Potplayer.html">隐私政策</a>
                        <a class="dropdown-item" href="Commitment.html">服务承诺</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="about.html">关于我们</a>
                    </div>
                </li>
            </ul>
            <a href="login_register.html" id="login-button"
                class="btn btn-outline-success active animate__animated animate__pulse" role="button"
                aria-pressed="true">登录/注册</a>
            <!-- <a href="register.html" id="register-button"
            class="btn btn-outline-success active animate__animated animate__pulse" role="button" aria-pressed="true">注册</a> -->
        </div>
    </nav>
    <div class="row col-md-12 show-img-box">
        <div class="col-md-6 left-img img-box">
            <img src="../imgs/df99942b-db90-48df-9be1-3e32b7788c14.jpg" id="left-img-size" alt="图片加载失败">
        </div>
        <div class="col-md-6 right-img">
            <div class="row col-md-12 right-img-col">
                <div class="col-md-6 right-img img-box">
                    <img src="../imgs/df99942b-db90-48df-9be1-3e32b7788c14.jpg" class="img-size" alt="图片加载失败">
                </div>
                <div class="col-md-6  right-img img-box edge">
                    <img src="../imgs/df99942b-db90-48df-9be1-3e32b7788c14.jpg" class="img-size" alt="图片加载失败">
                </div>
            </div>
            <div class="row col-md-12 right-img-col">
                <div class="col-md-6 right-img img-box">
                    <img src="../imgs/df99942b-db90-48df-9be1-3e32b7788c14.jpg" class="img-size" alt="图片加载失败">
                </div>
                <div class="col-md-6 right-img img-box edge">
                    <img src="../imgs/df99942b-db90-48df-9be1-3e32b7788c14.jpg" class="img-size" alt="图片加载失败">
                </div>
            </div>
        </div>
    </div>


    <div id="desc-nav">
        <div class="row col-md-10 offset-md-1">
            <div class="col-md-8">
                <nav id="navbar" class="navbar navbar-light bg-light col-md-12 house-desc-card">
                    <ul class="nav nav-pills nav-table">
                        <li class="nav-item">
                            <a class="nav-link" href="#desc">房源描述</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#equip">房屋设施</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#charge">额外缴费</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#map">地图</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#grade">评分</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#comment">评论</a>
                        </li>
                    </ul>
                </nav>
                <div data-spy="scroll" data-target="#navbar-example2" data-offset="0">

                    <div id="desc" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">房源描述</h5>
                        </div>
                        <div class="card-body text-dark">
                            <p class="card-text">房源描述内容：xxx</p>
                        </div>
                    </div>
                    <div id="base" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">基本信息</h5>
                        </div>
                        <div class="card-body text-dark">
                            <div class="row">
                                <div class="col-md-10 offset-md-1 row">
                                    <div class="base-message col-md-6">
                                        <label>楼层：</label>
                                    </div>
                                    <div class="base-message col-md-6">
                                        <label>朝向：</label>
                                    </div>
                                    <div class="base-message col-md-6">
                                        <label>电梯：</label>
                                    </div>
                                    <div class="base-message col-md-6">
                                        <label>邻近：</label>
                                    </div>
                                    <div class="base-message col-md-6">
                                        <label>地铁：</label>
                                    </div>
                                    <div class="base-message col-md-6">
                                        <label>押付方式：</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="equip" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">房屋设施</h5>
                        </div>
                        <div class="card-body text-dark">
                            <div class="row">
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-xiyiji"></use>
                                        </svg>
                                    </p>
                                    <div class="icon-name">洗衣机</div>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-bingxiang"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">冰箱</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-dianshi"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">电视</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-kongtiao"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">空调</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-diancilu"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">电磁炉</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-WiFi"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">WiFi</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-nuanqi"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">暖气</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-kaoxiang"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">烤箱</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-diannao"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">电脑</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-chuifengji"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">吹风机</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-duliweiyu"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">独立卫浴</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-dianti"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">电梯</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="charge" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">额外缴费</h5>
                        </div>
                        <div class="card-body text-dark">
                            <div class="row">
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-shuifei"></use>
                                        </svg>
                                    </p>
                                    <div class="icon-name">水费</div>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-dianfeijiaofei"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">电费</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-qifei"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">煤气费</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-icon_tingchejiaofei-copy
                                          "></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">停车费</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-wangluo"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">网费</p>
                                </div>
                                <div class="col-md-2">
                                    <p class="card-text"><svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-wuguanfei"></use>
                                        </svg>
                                    </p>
                                    <p class="icon-name">物业费</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="map" class="card  mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">地图</h5>
                        </div>
                        <div id="map-box" class="card-body text-dark">
                            <div id="container"></div>

                        </div>
                    </div>
                    <div id="grade" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">评分</h5>
                        </div>
                        <div class="card-body text-dark">
                            <form>
                                <label for="input-3" class="control-label">
                                    <h4>给房源打个分吧！</h4>
                                </label>
                                <input id="input-3" name="input-3" value="2"
                                    class="rating-loading kv-ltr-theme-svg-star" data-size="sm">
                                <div class="rating-button-box">
                                    <button class="btn btn-success">提交</button>
                                    <button type="reset" class="btn btn-secondary">重置</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="comment" class="card mb-12 house-desc-card animate__animated animate__flipInX"
                        style="max-width: 50rem;">
                        <div class="card-header">
                            <h5 class="card-title">评论</h5>
                        </div>
                        <div class="card-body text-dark">
                            <div class="row comment-box list-group-item">
                                <div class="title">
                                    <h5>写写你对房源的建议吧！</h5>
                                </div>
                                <div class="col-md-12"><textarea id="comment-text" placeholder="填写评论"></textarea></div>
                                <div class="col-md-3 comment-button"><button id="comment-submit" type="submit"
                                        class="btn btn-success">发送评论</button></div>
                            </div>
                            <div class="ibox-content no-padding">
                                <ul class="list-group">
                                    <li class="list-group-item">
                                        <p><a class="text-info" href="index.html#">#感谢有你#</a>
                                            感谢你们一路的相伴，未来也请让我为你们撑腰，我们会更好</p>
                                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 1分钟前</small>
                                        <small><a class="text-info reply_btn" href="javascript:;">回复</a> </small>
                                    </li>
                                    <li class="list-group-item">
                                        <p><a class="text-info" href="index.html#">@颜文字君</a>
                                            女生身高×1.09后，就是最适合你的男生身高；相反，男生是÷1.09就可以了..小伙伴们可以试着算下..【图是我的..(*/ω＼*)</p>
                                        <div class="text-center m">
                                            <span id="sparkline8"></span>
                                        </div>
                                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 2小时前</small>
                                        <small><a class="text-info" href="#">回复</a> </small>
                                    </li>

                                    <li class="list-group-item">
                                        <p><a class="text-info" href="index.html#">#发型师#</a>
                                            刚才剪发，顾客在看这个视频，妈蛋，这舞姿太销魂了，笑得手颤抖。。。</p>
                                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 1分钟前</small>
                                        <small><a class="text-info" href="#">回复</a> </small>
                                    </li>
                                    <li class="list-group-item">
                                        <p><a class="text-info" href="index.html#">#一年级#</a> ——#陈氏父子#
                                            cut：“他是我的陈爸爸”[心]“我叫陈思成，陈老师的陈” [心]“不再见就是，你也好，爸爸也好，妈妈也好，都永远不要说再见</p>
                                        <small class="block text-muted"><i class="fa fa-clock-o"></i> 2分钟前</small>
                                        <small><a class="text-info" href="#">回复</a> </small>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-2">
                <div class="card house-man-card animate__animated animate__flipInX" style="width: 18rem;">
                    <img src="../imgs/userimg.jpg" class="card-img-top user-img" alt="用户头像">
                    <div class="card-body house-man-title">
                        <h5 class="card-title">房东用户名</h5>
                        <p class="card-text">房东备注</p>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">最早入住日期</li>
                        <li class="list-group-item">出租方式</li>
                        <li class="list-group-item">价格</li>
                    </ul>
                    <div class="card-body row">
                        <div class="col-md-5 card-icon-link"><a href='javascript:void(0)' class="collect-report"><a
                                    href="#" class="collect">
                                    <i class="fa fa-heart collect-icon">&nbsp;收藏房源</i></a></div>
                        <div class="col-md-5 card-icon-link"><a href='javascript:void(0)' class="collect-report"><i
                                    class="fa fa-thumbs-o-down" aria-hidden="true">&nbsp;举报房源</i></a></div>
                    </div>
                    <div class="card-body">
                        <a href="#"
                            class="card-link card-link-button btn btn-outline-success active animate__animated animate__pulse"
                            role="button" aria-pressed="true">电话</a>
                        <a href="#"
                            class="card-link card-link-button btn btn-outline-success active animate__animated animate__pulse"
                            role="button" aria-pressed="true">微信号</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="wrapper">
            <!-- 3-1 第一列 -->
            <div class="title">
                <div class="fl">
                    <ul class="nav nav-tabs">
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">隐私声明</a></li>
                        <li><a href="#">网站地址</a></li>
                        <li><a href="#">友情链接</a></li>
                    </ul>
                </div>
                <div class="fr">
                    客服电话 ：0101 0101
                </div>
            </div>

            <!-- 3-2 第二列 -->
            <div class="middle-box">
                <div class="mid-up">
                    <div class="tele-logo"></div>
                    <div class="tele-word">
                        留言给Airent:
                    </div>
                    <div class="tele-num">
                        12123321@123.com
                    </div>
                </div>
                <div class="mid-down">
                    <div class="dizhi">
                        地理位置<br>
                        苏州市工业园区新平街388号腾飞创新园14号楼<br>
                        邮编：215000
                    </div>
                </div>
            </div>

            <!-- 3-3 第三列 -->
            <div class="bottom">
                <div class="copyright">
                    airen有限公司 | 2020airent网版权所有 | 营业执照<br>
                    违法举报电话 ：0101 0101 违法和不良信息举报邮箱 ：384905931@qq.com
                </div>
                <div class="copybottom">
                    网上有害信息举报专区
                </div>
            </div>
        </div>
    </div>
    <script src="../js/iconfont.js"></script>
    <script src="../plugins/jquery/jquery.min.js"></script>
    <script src="../plugins/bootstrap/bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
    <script src="../plugins/bootstrap-star-rating-master/js/star-rating.min.js"></script>
    <script src="../plugins/bootstrap-star-rating-master/themes/krajee-svg/theme.min.js"></script>
    <script src="../plugins/bootstrap-star-rating-master/js/locales/zh.js"></script>
    <script src="../plugins/bootstrap-star-rating-master/js/locales/<lang>.js"></script>
    <script>
        $(".reply_btn").click(function () {
            $(".reply_textarea").remove();
            $(this).parent().parent().append("<div class='reply_textarea'><textarea name='' cols='40' rows='5'></textarea><br/><input type='submit' value='发表' /></div>");
        });</script>
    <script>
        $(document).ready(function () {
            $('.kv-ltr-theme-svg-star').rating({
                hoverOnClear: false,
                theme: 'krajee-svg',
                step: 1,
                language: 'zh',
                starCaptions: { 1: '很差', 2: '较差', 3: '中等', 4: '良好', 5: '很好' },
                starCaptionClasses: { 1: 'text-danger', 2: 'text-warning', 3: 'text-info', 4: 'text-primary', 5: 'text-success' }
            });
        });
    </script>
    <script type="text/javascript">
        // // 百度地图API功能
        // var map = new BMap.Map("con");    // 创建Map实例
        // map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
        // //添加地图类型控件
        // map.addControl(new BMap.MapTypeControl({
        //     mapTypes: [
        //         BMAP_NORMAL_MAP,
        //         BMAP_HYBRID_MAP
        //     ]
        // }));
        // // map.setCurrentCity(cityName);          // 设置地图显示的城市 此项是必须设置的
        // map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放


        var map = new BMap.Map("container");
        // 创建地图实例  
        var point = new BMap.Point(116.404, 39.915);
        // 创建点坐标  
        map.centerAndZoom(point, 15);
        // 初始化地图，设置中心点坐标和地图级别

        window.onload = function locationcity() {
            function myFun(result) {
                var cityName = result.name;
                var outer = document.getElementById("cityname");
                map.setCenter(cityName);
                outer.innerText = cityName;
            }
            var myCity = new BMap.LocalCity();
            myCity.get(myFun);
        }
        var top_left_control = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_TOP_LEFT });// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
        var top_right_navigation = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL }); //右上角，仅包含平移和缩放按钮
        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        map.addControl(top_right_navigation);
        map.enableScrollWheelZoom();

        var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
            '<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
            '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。' +
            '</div>';

        //创建检索信息窗口对象
        var searchInfoWindow = null;
        searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
            title: "百度大厦",      //标题
            width: 290,             //宽度
            height: 105,              //高度
            panel: "panel",         //检索结果面板
            enableAutoPan: true,     //自动平移
            searchTypes: [
                BMAPLIB_TAB_SEARCH,   //周边检索
                BMAPLIB_TAB_TO_HERE,  //到这里去
                BMAPLIB_TAB_FROM_HERE //从这里出发
            ]
        });
        var marker = new BMap.Marker(point); //创建marker对象

        marker.addEventListener("click", function (e) {
            searchInfoWindow.open(marker);
        })
        map.addOverlay(marker); //在地图中添加marker



            //页面加载完毕后开始执行的事件



    </script>
</body>

</html>